.index-banner {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 250px 0 320px;
	background-image: url(../img/index1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.index-banner .swiper-container {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
}

.index-banner .swiper-container .swiper-slide {
	overflow: hidden;
}

.index-banner .swiper-container .slide-inner {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
}

.index-banner .banner-txt {
	z-index: 2;
	margin: 0 10px;
	color: #FFFFFF;
	position: relative;
	display: inline-block;
	padding: 10px 50px 15px;
}

.index-banner .banner-txt h2 {
	line-height: 1;
	font-size: 68px;
	font-weight: 700;
}

.index-banner .banner-txt h3 {
	font-size: 68px;
	line-height: 1.2;
	font-weight: 100;
}

.index-banner .banner-txt:before,
.index-banner .banner-txt:after {
	top: 0px;
	left: 0px;
	content: '';
	width: 35px;
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	border-top: 11px solid #FFFFFF;
	border-left: 11px solid #FFFFFF;
	border-bottom: 11px solid #FFFFFF;
}

.index-banner .banner-txt:after {
	right: 0px;
	left: auto;
	border-left: none;
	border-right: 11px solid #FFFFFF;
}

@media only screen and (max-width: 991px) {
	.index-banner {
		padding: 245px 0;
		background-image: url(../img/index1s.jpg);
	}
}

@media only screen and (max-width: 750px) {
	.index-banner {
		padding: 200px 0 160px;
	}
	.index-banner .banner-txt {
		margin: 0;
		padding: 35px;
	}
	.index-banner .banner-txt h2,
	.index-banner .banner-txt h3 {
		font-size: 32px;
	}
	.index-banner .banner-txt:before {
		width: 20px;
		border-top-width: 6px;
		border-left-width: 6px;
		border-bottom-width: 6px;
	}
	.index-banner .banner-txt:after {
		width: 20px;
		border-top-width: 6px;
		border-right-width: 6px;
		border-bottom-width: 6px;
	}
}

.index1 {
	z-index: 1;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: -230px 0 0;
}

.index1 li {
	float: left;
	padding: 40px;
	margin: 0 10px;
	color: #FFFFFF;
	overflow: hidden;
	background-color: #ea5b24;
	width: calc(33.33% - 20px);
}

.index1 li:last-of-type {
	color: #000000;
	padding: 40px 30px;
	background-color: #ededed;
}

.index1 li:last-of-type p {
	color: #666666;
}

.index1 li:nth-of-type(2) {
	background-color: #fd6e25;
}

.index1-txt {
	width: 100%;
	height: 350px;
	font-size: 18px;
	overflow: hidden;
}

.index1-txt h3 {
	font-size: 28px;
	margin: 0 0 25px;
	line-height: 35px;
	font-weight: bold;
}

.index1-video {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 35px 0 15px;
}

.index1-video img {
	width: 100%;
}

.index1-video .video-icon {
	top: 50%;
	left: 50%;
	width: 40px;
	overflow: hidden;
	position: absolute;
	margin: -20px 0 0 -20px;
}

.index1-txt p {
	width: 100%;
	overflow: hidden;
}

.index1 li a {
	color: #000000;
	display: block;
	line-height: 1;
	font-size: 14px;
	min-width: 200px;
	overflow: hidden;
	font-weight: bold;
	padding: 13px 30px;
	position: relative;
	text-align: center;
	background: #FFFFFF;
	border-radius: 26px;
	transition: all 0.35s;
	border: 2px solid #FFFFFF;
}

.index1 li:last-of-type a {
	border-color: #dadada;
	background-color: transparent;
}

.index1 li a:hover,
.index1 li:first-of-type a,
.index1 li:last-of-type a:hover {
	color: #ffffff;
	border-color: #e04e03;
	background-color: #e04e03;
}

.index1 li:first-of-type a:hover {
	color: #e04e03;
	border-color: #ffffff;
	background-color: #ffffff;
}

.index1 li a em {
	color: #ea5b24;
	width: 19.25px;
	font-size: 22px;
	margin-right: 10px;
	transition: all 0.35s;
	display: inline-block;
	vertical-align: middle;
}

.index1 li a span {
	vertical-align: middle;
}

.index1 li:first-of-type a em,
.index1 li a:hover em {
	color: #ffffff;
}

.index1 li:first-of-type a:hover em {
	color: #e04e03;
}

@media only screen and (max-width: 991px) {
	.index1 {
		margin: -160px 0 0;
	}
	.index1 li {
		float: none;
		padding: 80px;
		margin: 0 10px 40px;
		width: calc(100% - 20px);
	}
	.index1-txt {
		height: auto;
		font-size: 24px;
		margin: 0 0 100px;
	}
	.index1-txt h3 {
		font-size: 48px;
		margin: 0 0 40px;
	}
	.index1 li a {
		font-size: 28px;
		border-width: 4px;
		padding: 25px 60px;
		border-radius: 48px;
	}
	.index1 li a em {
		width: 34px;
	}
}

@media only screen and (max-width: 750px) {
	.index1 {
		margin: -80px 0 0;
	}
	.index1 li {
		width: 100%;
		padding: 30px;
		margin: 0 0 20px;
	}
	.index1-txt {
		font-size: 16px;
		margin: 0 0 40px;
	}
	.index1-txt h3 {
		font-size: 28px;
		margin: 0 0 20px;
	}
	.index1 li a {
		font-size: 14px;
		border-width: 2px;
		padding: 13px 30px;
		border-radius: 26px;
	}
	.index1 li a em {
		width: 19.25px;
		margin-right: 10px;
	}
}

@media only screen and (min-width: 992px) {
	.index1-txt {
		font-size: 16px;
	}
	.index1 li a {
		float: left;
	}
}

@media only screen and (min-width: 1200px) {
	.index1-txt {
		font-size: 18px;
	}
}


/*Our innovative product range*/

.index2 {
	width: 100%;
	padding: 100px 0;
	overflow: hidden;
	position: relative;
}

.index2:after {
	top: 0px;
	right: 0px;
	width: 50%;
	z-index: 1;
	content: '';
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	background-color: #FFFFFF;
}

.index2-left {
	width: 50%;
	float: left;
	height: 540px;
	padding: 0 10px;
	position: relative;
}

.index2-left:after {
	top: 0;
	right: 0;
	width: 5vw;
	z-index: 1;
	content: "";
	height: 100%;
	display: block;
	position: absolute;
	background: -webkit-gradient(linear, right top, left top, color-stop(30%, #fff), to(hsla(0, 0%, 100%, 0)));
	background: linear-gradient(270deg, #fff 30%, hsla(0, 0%, 100%, 0));
}

.index2-left .swiper {
	width: 100%;
	height: 100%;
	overflow: visible;
}

.index2-left .swiper .swiper-slide {
	opacity: 0.5;
	width: 340px;
	overflow: hidden;
	transition: opacity 0.35s;
}

.index2-left .swiper .swiper-slide.swiper-slide-active {
	opacity: 1;
}

.index2-img {
	width: 100%;
	height: 340px;
	padding: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
}

.index2-img img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
}

.index2-txt {
	width: 100%;
	height: 200px;
	padding: 30px;
	overflow: hidden;
	background: #ededed;
}

.index2-txt h4 {
	width: 100%;
	color: #222d35;
	font-size: 21px;
	overflow: hidden;
	margin: 0 0 25px;
	max-height: 60px;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;
}

.index2-left .swiper-pagination {
	left: 100%;
}

.index2-right {
	z-index: 2;
	width: 50%;
	float: right;
	height: 540px;
	color: #000000;
	padding: 0 10px;
	overflow: hidden;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.index2-right .index2-rightTxt {
	width: 100%;
	overflow: hidden;
}

.index2-right h2 {
	font-size: 36px;
	margin: 0 0 25px;
	line-height: 1.2;
	font-weight: bold;
	text-transform: uppercase;
}

.index2-right p {
	font-size: 18px;
	margin: 0 0 60px;
	color: #666666;
}

.index2 a {
	float: left;
	display: block;
	color: #222d35;
	line-height: 1;
	font-size: 14px;
	min-width: 200px;
	overflow: hidden;
	font-weight: bold;
	text-align: center;
	padding: 13px 30px;
	border-radius: 26px;
	border: 2px solid #dadada;
	transition: color 0.35s, border-color 0.35s, background-color 0.35s;
}

.index2 a em {
	color: #ea5b24;
	width: 19.25px;
	font-size: 24px;
	margin-right: 15px;
	vertical-align: middle;
}

.index2 a span {
	vertical-align: middle;
}

.index2 a:hover {
	color: #FFFFFF;
	border-color: #ea5b24;
	background-color: #ea5b24;
}

.index2 a:hover em {
	color: #FFFFFF;
}

@media only screen and (max-width: 991px) {
	.index2:after,
	.index2-left:after {
		display: none;
	}
	.index2 {
		padding: 60px 0 100px;
	}
	.index2-right {
		width: 100%;
		float: none;
		height: auto;
		padding: 0 10px;
		margin: 0 0 80px;
	}
	.index2-right h2 {
		font-size: 48px;
		margin: 0 0 40px;
	}
	.index2-right p {
		font-size: 24px;
		margin: 0 0 50px;
	}
	.index2 a {
		float: none;
		font-size: 28px;
		border-width: 4px;
		padding: 25px 60px;
		border-radius: 48px;
	}
	.index2 a em {
		width: 34px;
	}
	.index2-left {
		float: none;
		width: 100%;
		height: auto;
	}
	.index2-left .swiper .swiper-slide {
		width: 635px;
	}
	.index2-img {
		height: 660px;
		padding: 0 60px 60px;
	}
	.index2-img img {
		max-height: 600px;
	}
	.index2-txt {
		height: 330px;
		padding: 50px;
	}
	.index2-txt h4 {
		font-size: 36px;
		margin: 0 0 40px;
		max-height: 90px;
		line-height: 45px;
		text-align: center;
	}
}

@media only screen and (max-width: 750px) {
	.index2 {
		padding: 30px 0 50px;
	}
	.index2-right {
		padding: 0;
		margin: 0 0 40px;
	}
	.index2-right h2 {
		font-size: 28px;
		margin: 0 0 20px;
	}
	.index2-right p {
		font-size: 16px;
		margin: 0 0 30px;
	}
	.index2 a {
		font-size: 14px;
		border-width: 2px;
		padding: 13px 30px;
		border-radius: 26px;
	}
	.index2 a em {
		width: 19.25px;
		margin-right: 10px;
	}
	.index2-left .swiper .swiper-slide {
		width: 330px;
	}
	.index2-img {
		height: 330px;
		padding: 0 30px 30px;
	}
	.index2-img img {
		max-height: 300px;
	}
	.index2-txt {
		height: 185px;
		padding: 25px;
	}
	.index2-txt h4 {
		font-size: 24px;
		margin: 0 0 20px;
		max-height: 64px;
		line-height: 32px;
	}
}

@media only screen and (min-width: 992px) {
	.index2-right p {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1200px) {
	.index2-right p {
		font-size: 18px;
	}
}

/*Expertly and accurately serving industries across the globe*/
.index3 {
	width: 100%;
	padding: 150px 0;
	overflow: hidden;
	position: relative;
}

.index3:before {
	top: 0px;
	left: 0px;
	content: '';
	z-index: -1;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	/*background: -webkit-gradient(linear,left top,right top,color-stop(55%,#ea5b24),to(rgba(0,90,132,.5)));
	background: linear-gradient(90deg,#ea5b24 55%,rgba(0,90,132,0.5));*/
}

.index3:after {
	top: 0px;
	right: 0px;
	width: 100%;
	z-index: -2;
	content: '';
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	background-image: url(../img/index3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.index3-txt {
	width: 50%;
	float: left;
	color: #FFFFFF;
	padding: 0 10px;
	overflow: hidden;
}

.index3-txt h2 {
	width: 396px;
	font-size: 36px;
	margin: 0 0 25px;
	line-height: 1.2;
	font-weight: bold;
}

.index3-txt p {
	font-size: 18px;
	margin: 0 0 80px;
}

.index3-txt a {
	float: left;
	display: block;
	color: #222d35;
	line-height: 1;
	font-size: 14px;
	min-width: 200px;
	overflow: hidden;
	font-weight: bold;
	text-align: center;
	padding: 13px 30px;
	border-radius: 26px;
	border: 2px solid #FFFFFF;
	background-color: #FFFFFF;
	transition: color 0.35s, border-color 0.35s, background-color 0.35s;
}

.index3-txt a em {
	color: #ea5b24;
	width: 19.25px;
	font-size: 24px;
	margin-right: 15px;
	vertical-align: middle;
}

.index3-txt a span {
	vertical-align: middle;
}

.index3-txt a:hover {
	color: #FFFFFF;
	background: #fd6e25;
	border-color: #fd6e25;
}

.index3-txt a:hover em {
	color: #FFFFFF;
}

.index3-swiper {
	float: right;
	width: 33.33%;
	padding: 0 10px;
	overflow: hidden;
	text-align: center;
}

.index3-swiper .swiper {
	width: 100%;
	overflow: hidden;
	padding: 0 0 75px;
}

.index3-swiper .index3-icon {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 auto 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #FFFFFF;
}

.index3-icon img {
	max-width: 100%;
	min-width: 67.5%;
}

.index3-swiper h3 {
	width: 100%;
	line-height: 1.2;
	overflow: hidden;
}

.index3-swiper h3 strong {
	color: #FFFFFF;
	font-size: 36px;
	padding: 18px 27px;
	position: relative;
	display: inline-block;
}

.index3-swiper h3 strong:before,
.index3-swiper h3 strong:after {
	top: 0px;
	left: 0px;
	content: '';
	width: 13px;
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	border-top: 3px solid #FFFFFF;
	border-left: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
}

.index3-swiper h3 strong:after {
	right: 0px;
	left: auto;
	border-left: none;
	border-right: 3px solid #FFFFFF;
}

.index3-swiper a {
	color: #ffffff;
	line-height: 1;
	cursor: pointer;
	min-width: 80px;
	transition: 0.4s;
	font-weight: 700;
	text-align: center;
	position: relative;
	padding: 13px 30px;
	border-radius: 26px;
	background: #e6b451;
	display: inline-block;
	text-decoration: none;
	border: 2px solid #e6b451;
	text-transform: uppercase;
}

.index3-swiper a em {
	width: 19.25px;
	font-size: 24px;
	vertical-align: middle;
}

.index3-swiper a:hover {
	color: #000000;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}

.index3-swiper .swiper-horizontal>.swiper-pagination-bullets,
.index3-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.index3-swiper .swiper-pagination-custom,
.index3-swiper .swiper-pagination-fraction {
	bottom: 0px;
	height: 17px;
}

.index3-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.index3-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	opacity: 1;
	width: 30px;
	height: 8px;
	margin: 0 8px;
	overflow: hidden;
	border-radius: 4px;
	background: hsla(0, 0%, 100%, 0.5);
}

.index3-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.index3-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #FFFFFF;
}

@media only screen and (max-width: 991px) {
	.index3 {
		padding: 100px 0;
	}
	.index3:after {
		top: auto;
		bottom: 0px;
		width: 100%;
		height: 100%;
		background-image: url(../img/index3s.jpg);
	}
	.index3-txt,
	.index3-swiper {
		float: none;
		width: 100%;
	}
	.index3-txt {
		margin: 0 0 150px;
	}
	.index3-txt h2 {
		width: 100%;
		font-size: 48px;
		margin: 0 0 50px;
	}
	.index3-txt p {
		font-size: 24px;
		margin: 0 0 70px;
	}
	.index3-txt a {
		float: none;
		font-size: 28px;
		border-width: 4px;
		padding: 25px 60px;
		border-radius: 48px;
	}
	.index3-txt a em {
		width: 34px;
	}
	.index3-swiper .swiper {
		padding: 0 0 150px;
	}
	.index3-swiper .index3-icon {
		width: 150px;
		height: 150px;
		margin: 0 auto 20px;
	}
	.index3-swiper h3 strong {
		font-size: 48px;
		padding: 30px 50px;
	}
	.index3-swiper h3 strong:before {
		width: 25px;
		border-top-width: 6px;
		border-left-width: 6px;
		border-bottom-width: 6px;
	}
	.index3-swiper h3 strong:after {
		width: 25px;
		border-top-width: 6px;
		border-right-width: 6px;
		border-bottom-width: 6px;
	}
	.index3-swiper a {
		min-width: 200px;
		border-width: 4px;
		padding: 25px 60px;
		border-radius: 50px;
	}
	.index3-swiper a em {
		width: 34px;
	}
	.index3-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	.index3-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 80px;
		height: 16px;
		margin: 0 15px;
		border-radius: 8px;
	}
}

@media only screen and (max-width: 750px) {
	.index3 {
		padding: 50px 0 70px;
	}
	.index3-txt,
	.index3-swiper {
		padding: 0;
	}
	.index3-txt {
		margin: 0 0 50px;
	}
	.index3-txt h2 {
		font-size: 28px;
		margin: 0 0 25px;
	}
	.index3-txt p {
		font-size: 16px;
		margin: 0 0 35px;
	}
	.index3-txt a {
		font-size: 14px;
		border-width: 2px;
		padding: 13px 30px;
		border-radius: 26px;
	}
	.index3-txt a em {
		width: 19.25px;
		margin-right: 10px;
	}
	.index3-swiper .swiper {
		padding: 0 0 40px;
	}
	.index3-swiper .index3-icon {
		width: 80px;
		height: 80px;
		margin: 0 auto 10px;
	}
	.index3-swiper h3 strong {
		font-size: 36px;
		padding: 18px 27px;
	}
	.index3-swiper h3 strong:before {
		width: 13px;
		border-top-width: 3px;
		border-left-width: 3px;
		border-bottom-width: 3px;
	}
	.index3-swiper h3 strong:after {
		width: 13px;
		border-top-width: 3px;
		border-right-width: 3px;
		border-bottom-width: 3px;
	}
	.index3-swiper a {
		min-width: 80px;
		border-width: 2px;
		padding: 13px 30px;
		border-radius: 26px;
	}
	.index3-swiper a em {
		width: 19.25px;
	}
	.index3-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	.index3-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 50px;
		height: 8px;
		margin: 0 8px;
		border-radius: 4px;
	}
}

@media only screen and (min-width: 992px) {
	.index3 {
		padding: 120px 0;
	}
	.index3-txt p {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1200px) {
	.index3 {
		padding: 150px 0;
	}
	.index3-txt p {
		font-size: 18px;
		line-height: 25px;
	}
}


/*There’s more to explore*/
.index4 {
	width: 100%;
	padding: 100px 0;
	overflow: hidden;
}

.index4-title {
	width: 100%;
	padding: 0 10px;
	margin: 0 0 50px;
	overflow: hidden;
}

.index4-title .title-left {
	width: 50%;
	float: left;
	color: #222d35;
	font-size: 18px;
	overflow: hidden;
}

.index4-title h3 {
	font-size: 36px;
	margin: 0 0 25px;
	line-height: 1.2;
	font-weight: bold;
}

.index4-title a {
	float: right;
	display: block;
	color: #222d35;
	line-height: 1;
	font-size: 14px;
	margin: 68px 0 0;
	min-width: 200px;
	overflow: hidden;
	font-weight: bold;
	text-align: center;
	padding: 13px 30px;
	border-radius: 26px;
	border: 2px solid #dadada;
	transition: color 0.35s, border-color 0.35s, background-color 0.35s;
}

.index4-title a em {
	color: #ea5b24;
	width: 19.25px;
	font-size: 24px;
	margin-right: 15px;
	vertical-align: middle;
}

.index4-title a span {
	vertical-align: middle;
}

.index4-title a:hover {
	color: #FFFFFF;
	border-color: #ea5b24;
	background-color: #ea5b24;
}

.index4-title a:hover em {
	color: #FFFFFF;
}

.index4-center {
	width: 100%;
	margin: 0 0 25px;
	overflow: hidden;
}

.index4-center a {
	float: left;
	padding: 50px;
	margin: 0 10px;
	overflow: hidden;
	min-height: 340px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width: calc(50% - 20px);
	background-repeat: no-repeat;
	background-position: 100%;
	background-size: cover;
}

.index4-center a:after,
.index4-center a:before {
	top: 0;
	left: 0;
	z-index: 1;
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	transition: 0.4s;
	position: absolute;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(3%, rgba(239, 91, 36, .40)), color-stop(84%, rgba(0, 145, 216, 0)));
	background: linear-gradient(0deg, rgba(239, 91, 36, .40) 3%, rgba(0, 145, 216, 0) 84%);
}

.index4-center a:after {
	background: -webkit-gradient(linear, left bottom, left top, from(#ea5b24), to(rgba(239, 91, 36, 0)));
	background: linear-gradient(0deg, #ea5b24, rgba(239, 91, 36, 0));
	opacity: 0;
}

.index4-txt {
	z-index: 2;
	width: 100%;
	overflow: hidden;
	position: relative;
	-webkit-box-align: end!important;
	-ms-flex-align: end!important;
	align-items: flex-end!important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.index4-txt .txt-txt {
	float: left;
	color: #FFFFFF;
	font-size: 18px;
	overflow: hidden;
	position: relative;
	width: calc(100% - 100px);
}

.index4-txt .txt-txt h3 {
	font-size: 28px;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.index4-txt .txt-txt p {
	opacity: 0;
	transition: all 0.8s;
	margin: 25px 0 -128px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.index4-txt span {
	float: right;
	display: block;
	color: #ffffff;
	line-height: 1;
	cursor: pointer;
	min-width: 80px;
	font-size: 24px;
	transition: 0.4s;
	margin-left: 15px;
	text-align: center;
	position: relative;
	padding: 13px 30px;
	border-radius: 26px;
	text-decoration: none;
	border: 2px solid #FFFFFF;
	text-transform: uppercase;
}

.index4-center a:hover span {
	border-color: #e6b451;
	background-color: #e6b451;
}

.index4-center a:hover:after {
	opacity: 1;
}

.index4-center a:hover .txt-txt p {
	opacity: 1;
	margin: 25px 0 0;
}

.index4-list {
	width: 100%;
	overflow: hidden;
}

.index4-list a {
	float: left;
	margin: 0 10px;
	display: block;
	overflow: hidden;
	width: calc(33.33% - 20px);
}

.index4-list .list-img {
	width: 100%;
	overflow: hidden;
}

.index4-list .list-img img {
	width: 100%;
	transition: all 0.35s;
}

.index4-list .list-txt {
	width: 100%;
	color: #222d35;
	overflow: hidden;
}

.index4-list .list-txt h4 {
	margin: 25px 0;
	font-size: 21px;
	line-height: 27px;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.index4-list .list-txt p {
	width: 100%;
	height: 75px;
	color: #666666;
	font-size: 16px;
	margin: 0 0 30px;
	overflow: hidden;
	line-height: 25px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}

.index4-list .list-txt .list-more {
	float: left;
	font-size: 14px;
	font-weight: bold;
}

.index4-list .list-txt .list-more em {
	color: #ea5b24;
	width: 19.25px;
	font-size: 24px;
	margin-right: 15px;
	vertical-align: middle;
}

.index4-list .list-txt .list-more span {
	vertical-align: middle;
}

.index4-list a:hover .list-img img {
	transform: scale(1.1);
}

.index4-list a:hover .list-more {
	color: #ea5b24;
}

@media only screen and (max-width: 991px) {
	.index4-title {
		margin: 0 0 50px;
	}
	.index4-title .title-left {
		float: none;
		width: 100%;
		font-size: 24px;
	}
	.index4-title h3 {
		font-size: 48px;
		margin: 0 0 50px;
	}
	.index4-title a {
		float: none;
		font-size: 28px;
		margin: 50px 0 0;
		border-width: 4px;
		padding: 25px 60px;
		border-radius: 48px;
	}
	.index4-title a em {
		width: 34px;
	}
	.index4-center {
		margin: 0 0 25px;
	}
	.index4-center a {
		float: none;
		width: 100%;
		margin: 0 0 30px;
	}
	.index4-txt .txt-txt {
		float: none;
		width: 100%;
	}
	.index4-txt .txt-txt p {
		margin: 25px 0 -77px;
	}
	.index4-txt span {
		float: left;
		margin: 25px 0 0;
	}
	.index4-list a {
		width: 100%;
		margin: 0 10px 30px;
	}
	.index4-list .list-txt h4 {
		margin: 40px 0;
		font-size: 36px;
		line-height: 45px;
	}
	.index4-list .list-txt p {
		height: 105px;
		font-size: 24px;
		margin: 0 0 50px;
		line-height: 35px;
	}
	.index4-list .list-txt .list-more {
		font-size: 24px;
	}
	.index4-list .list-txt .list-more em {
		width: 34px;
	}
}

@media only screen and (max-width: 750px) {
	.index4 {
		padding: 50px 0;
	}
	.index4-title {
		padding: 0;
		margin: 0 0 30px;
	}
	.index4-title .title-left {
		font-size: 16px;
	}
	.index4-title h3 {
		font-size: 28px;
		margin: 0 0 20px;
	}
	.index4-title a {
		font-size: 14px;
		margin: 30px 0 0;
		border-width: 2px;
		padding: 13px 30px;
		border-radius: 26px;
	}
	.index4-title a em {
		width: 19.25px;
		margin-right: 10px;
	}
	.index4-center {
		margin: 0 0 15px;
	}
	.index4-center a {
		padding: 30px;
		margin: 0 0 20px;
		min-height: 250px;
	}
	.index4-txt .txt-txt p {
		margin: 15px 0 -119px;
	}
	.index4-txt span {
		margin: 15px 0 0;
	}
	.index4-list a {
		margin: 0 0 30px;
	}
	.index4-list .list-txt h4 {
		margin: 20px 0;
		font-size: 24px;
		line-height: 30px;
	}
	.index4-list .list-txt p {
		height: 75px;
		font-size: 16px;
		margin: 0 0 20px;
		line-height: 25px;
	}
	.index4-list .list-txt .list-more {
		font-size: 14px;
	}
	.index4-list .list-txt .list-more em {
		width: 19.25px;
		margin-right: 10px;
	}
}


/*Honorable customer*/

.index5 {
	width: 100%;
	overflow: hidden;
	background: #ededed;
	padding: 85px 0 130px;
}

.index5 h2 {
	padding: 0 10px;
	font-size: 36px;
	margin: 0 0 85px;
	line-height: 35px;
	font-weight: bold;
}

.index5-swiper {
	width: 100%;
	padding: 0 100px;
	overflow: hidden;
	position: relative;
}

.index5-swiper .swiper {
	width: 100%;
	overflow: hidden;
}

.index5-swiper .swiper-slide {
	width: auto;
	overflow: hidden;
	line-height: 90px;
	text-align: center;
}

.index5-swiper .swiper-slide img {
	max-width: 212px;
	max-height: 92px;
}

.index5-swiper .swiper-slide p {
	color: #000000;
	font-size: 15px;
	margin: 25px 0 0;
	line-height: 20px;
}

.index5-swiper .swiper-button-next,
.index5-swiper .swiper-button-prev {
	width: 28px;
	height: 28px;
	color: #ea5b24;
	font-size: 28px;
	overflow: hidden;
	margin-top: -30px;
}

.index5-swiper .swiper-button-next.swiper-button-disabled,
.index5-swiper .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	color: #696969;
}

@media only screen and (max-width: 750px) {
	.index5 {
		padding: 45px 0 60px;
	}
	.index5 h2 {
		padding: 0px;
		font-size: 28px;
		margin: 0 0 40px;
		line-height: 30px;
	}
	.index5-swiper {
		padding: 0 30px;
	}
	.index5-swiper .swiper-slide {
		line-height: 70px;
	}
	.index5-swiper .swiper-slide img {
		max-width: 180px;
		max-height: 70px;
	}
	.index5-swiper .swiper-slide p {
		font-size: 14px;
		margin: 15px 0 0;
	}
	.index5-swiper .swiper-button-next,
	.index5-swiper .swiper-button-prev {
		width: 24px;
		height: 24px;
		font-size: 24px;
		margin-top: -22px;
	}
	.index5-swiper .swiper-button-next,
	.index5-swiper .swiper-rtl .swiper-button-prev {
		right: 0px;
	}
	.index5-swiper .swiper-button-prev,
	.index5-swiper .swiper-rtl .swiper-button-next {
		left: 0px;
	}
}

.video-masked {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
	position: fixed;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.8);
}

.video-masked .masked-close {
	top: 15px;
	right: 15px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	position: absolute;
}

.video-masked .masked-close::before,
.video-masked .masked-close::after {
	content: '';
	width: 50px;
	height: 6px;
	display: block;
	overflow: hidden;
	position: absolute;
	border-radius: 3px;
	top: calc(50% - 3px);
	background: #ffffff;
	left: calc(50% - 25px);
	transform: rotate(45deg);
}

.video-masked .masked-close::after {
	transform: rotate(-45deg);
}

.video-masked video {
	top: 50%;
	left: 50%;
	max-width: 70%;
	max-height: 80%;
	position: relative;
	object-fit: contain;
	object-position: center;
	transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 520px) {
	.video-masked .masked-close {
		top: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
	}
	.video-masked .masked-close::before,
	.video-masked .masked-close::after {
		width: 34px;
		height: 4px;
		top: calc(50% - 2px);
		left: calc(50% - 17px);
	}
}